<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>个人资料</title>
		<style>
			.div1 {
				width: 200px;
				height: 400px;
				border-style: solid;
				border-width: 1px;
				border-color: gainsboro;
				margin: auto;
			}
			
			.div2 {
				width: 200px;
				background-color: gainsboro;
			}
			
			.div3 {
				text-align: center;
				width: 200px;
				height: 250px;
			}
			
			.head {
				background-color: #DCDCDC;
				width: 200px;
			}
			
			img {
				width: 80%;
				text-align: center;
			}
			
			p {
				text-align: center;
			}
			.weibo{
				background-image: url(img/weibo.jpg);
				width: 64px;
				height: 24px;
			}
		</style>
	</head>

	<body>
		<div class="div1">
			<div class="div2"><span>个人资料</span></div>
			<div class="div3">
				<img src="img/shan.jpg" />
				<p>金闪闪<img src="img/v.jpg"/ style="width: 15px;"></p>
				<input type="button" class="weibo"/>
			</div>

			<hr />
			<div class="div3">
				<p><input type="button" value="加好友" /><input type="button" value="发纸条" /></p>
				<p><input type="button" value="写留言" /><input type="button" value="加关注" /></p>

			</div>

		</div>
	</body>

</html>